{% load filter %}
{% extends '2base.html' %}
{% block title %}
<title>Wow Dkp Engine Forum</title>
<script type="text/javascript">
$(document).ready(function(){

	//hide addons_body after the first one
	$(".addons_list .addons_body:gt(0)").hide();

	//toggle addons_body
	$(".addons_head").click(function(){
		$(this).next(".addons_body").slideToggle(500)
		return false;
	});

	//collapse all addonss
	$(".collpase_all_addons").click(function(){
		$(".addons_body").slideUp(500)
		return false;
	});
	//show all addonss
	$(".show_all_addons").click(function(){
		$(".addons_body").slideDown(500)
		return false;
	});
});
</script>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}
p {
	padding: 0 0 1em;
}
/* addons display page */
.addons_list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 670px;
}
.addons_list li {
	padding: 0;
	margin: 0;
	background: url("/images/addons-bar.gif") no-repeat;
}
.addons_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin-bottom:0px;
}
.addons_head .timestamp {
	color: #666666;
	font-size: 95%;
	position: absolute;
	right: 10px;
	top: 5px;
}
.addons_head cite {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	color: #32b16c;
}
.addons_body {
	padding: 5px 10px 15px;
}
.collapse_buttons {
	text-align: right;
	border-top: solid 1px #e4e4e4;
	padding: 5px 0;
	width: 670px;
}
.collapse_buttons a {
	margin-left: 15px;
	float: right;
}
.show_all_addons {
	background: url("/images/tall-down-arrow.gif") no-repeat right center;
	padding-right: 12px;
}
.show_recent_only {
	display: none;
	background: url("/images/tall-up-arrow.gif") no-repeat right center;
	padding-right: 12px;
}
.collpase_all_addons {
	background: url("/images/collapse-all.gif") no-repeat right center;
	padding-right: 12px;
	color: #666666;
}
</style>
{% endblock %}
{% block headline %}
{% endblock %}
{% block secondmenu %}{% include 'second_menu.html'%}{% endblock %}
{% block content %}
	<ol class="addons_list">
		{% for addon in addons %}
		<li>
			<p class="addons_head"><cite>{{ addon.name }}</cite> —— {{ addon.catagory }}<span class="timestamp">{{ addon.post_on|timezone:8|date:"Y-m-d H:i:s"}}</span></p>
			<div class="addons_body">
				<p>{% if addon.screenshot %}<img src="/addon/pic/{{ addon.key.id }}" class="top pull-1 right img-frame" alt="test" />{% endif %}{{ addon.summary }}</p>
				<div class="addon-download">
					<span class="addon-download-meta"><a href="{{ addon.download }}">Download</a></span>
				</div>
			</div>
		</li>
		{% endfor %}
	</ol>
	<p class="collapse_buttons"><a href="#" class="show_all_addons">Show all</a> <a href="#" class="collpase_all_addons">Collapse all</a></p>
{% include 'paginate_addons.html' %}
{% endblock%}
{% block siderbar %}
{% include 'forumSiderbar.html' %}
{% endblock%}